<style lang="stylus" scoped>
  .withdrawal
    .container
      padding: 5rem 1.25rem 0 1.25rem;
      overflow: auto;
      .ethRecharge
        box-sizing: border-box;
        padding: 0 1rem;
        border: .1rem solid #a18b5f;
        box-shadow: 0 0 0.4rem rgba(0,114,255,.2);
        border-radius: 1rem;
        background-color: rgba(0,0,0,.5);
        overflow: hidden;
        min-height: 21rem;
        h2 
          padding: 3rem 0;
          font-size: 2.4rem;
          color: #fff;
          text-align: center;
        .erInput
          display: block;
          width: 100%;
          height: 4rem;
          box-sizing: border-box;
          border: .1rem solid #a18b5f;
          background-color: rgba(0,0,0,.7);
          border-radius: .4rem;
          box-shadow: inset 0 0 1rem rgba(249,111,0,.25);
          input   
            width: 100%;
            border: none;
            background-color: transparent;
            font-size: 1.4rem;
            line-height: 3.9rem;
            padding: 0 1rem;
            box-sizing: border-box;
            color: #645891;
            &::placeholder
              color #a18b5f;
            &:focus
              color #ffffff;
        .mb10
          margin-bottom: 1rem!important;
      .btn
        box-sizing: border-box;
        position: relative;
        display: inline-block;
        min-width: 8rem;
        height: 2.8rem;
        line-height: 2.7rem;
        text-align: center;
        text-shadow: 0 0.2rem 0.5rem rgba(0,0,0,.4);
        box-shadow: 0 0.2rem 0.6rem rgba(0,0,0,.4);
        background: linear-gradient(to bottom,#eecf7a,#9b7514 100%);
        font-weight: bold;
        font-size: 1.2rem;
        color: #fff;
        border-bottom: none;
        border-left: none;
        border-right: none;
        border-top: .1rem solid rgba(255,255,255,.7);
        border-radius: 4rem;
        position: fixed !important;
        left: 5%;
        bottom: 6rem !important;
        width: 90%;
</style>

<template>
  <div class="withdrawal">
    <navTop title="ETH 提现"></navTop>
    <div class="container">
      <div class="ethRecharge">
        <h2>0</h2>
        <label class="erInput mb10">
          <input type="text" placeholder="提现钱包地址">
        </label>
        <label class="erInput">
          <input type="number" placeholder="提现金额">
        </label>
      </div>
      <a class="btn" @click="popupbtn">提现</a>
    </div>
    <mymask v-show="popup"></mymask>
    <Popup v-show="popup" txt="请输入提现金额！"></Popup>
  </div>
</template>

<script>
import navTop from '../components/navTop'
import mymask from '../components/mask'
import Popup from '../components/Popup'
export default {
  data(){
    return{
      popup:false
    }
  },
  components:{
    navTop,
    mymask,
    Popup
  },
  methods:{
    popupbtn(){
      return this.popup = !this.popup
    },
    href(){
      this.$router.back()
    }
  }
}
</script>
